افرا گرافیک

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

قواعد دستوری (syntax) جاوا اسکریپت |آموزش جاوا اسکریپت|بهینه کردن سایت

:: برچسب‌ها: داده در جاوا اسکریپت , آموزش جاوا اسکریپت , طراحی سایت , آموزش برنامه نویسی , بهینه سازی وب سایت ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

دو شنبه 24 خرداد 1395 ساعت 7:3 | بازدید : 136 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش جاوا اسکریپت قمست چهارم

قواعد دستوری(syntax) جاوا اسکریپت :

به مجموعه قوانینی که چگونگی ساخت برنامه در جاوا اسکریپت را مشخص می کندد نحوه دستور نویسی (syntax) گفته می شود.

در یک زبان برنامه نویسی به این دستورالعمل ها statements نامیده می شوند

جاوا اسکریپت یک زبان برنامه نویسی می باشد (که ما از آن در طراحی وبسایت استفاده می کنیم)

دستورات جاوا اسکریپت مانند برخی از زبان ها از جمله C#,Vb با (;) از هم جدا می شوند

var x = 5;

var y = 6;

var z = x + y;

document.getElementById("demo").innerHTML = z;

</script>

var x = 5;

var y = 6;

var z = x + y;

document.getElementById("demo").innerHTML = z;

</script>

دستورات (statemens) جاوا اسکریپت :

در زبان های برنامه نویسی به دستورالمل های برنامه اصطلاحا (statatements) جملات،دستورات گفته می شود.

دستورات جاوا اسکریپت از موارد زیر تشکیل شده است :

Values (مقادیر)
Operators (عملگرها)
Expressions (اصطلاحات)
Keywords (کلمات کلیدی)
Comments (تفسیر نویسی)

جاوا اسکریپت Values (مقادیر) :

در نحوه کد نویسی در جاوا اسکریپت دو نوع روش برای مقدار دهی معین شده است:

مقادیر ثابت (Fixed Values) که به آنها لیترال ها (Literals) یا مقادیر تحت اللفظی گفته می شود.
مقادیر متغیر (Variable Values)

لیترال ها (Literals) یا ثابت (Fixed) :

مهم ترین قوانین برای نوشتن مقادیر ثابت :

۱- استفاده از اعداد (ساده یا اعشار) مانند : 10.50و 1001
۲-استفاده از رشته ها (متن) که بین سینگل کوتیشن یا دابل کوتیشن نوشته میشود.مانند “afra” و ‘afra’

جاوا اسکریپت متغیرها (Variables):

در تمامی زبان های برنامه نویسی از متغیر ها برای ذخیره موقت داده استفاده می گردد.
در جاوا اسکریپت برای تعریف یک متغیر از کلمه کلیدی var استفاده می شود.
از علامت “=” مساوی برای معرفی مقداری که میخواهیم در متغیر ذخیره کنیم استفاده میکنیم.
مثال :

در مثال زیر یک متغیر x تعریف شده و مقدار 6 به آن انتصاب داده شده است

var x;

x = 6;

document.getElementById("demo").innerHTML = x;

</script>

جاوا اسکریپت Operators (عملگرها) :

جاوا اسکریپت از عملگر = برای انتساب مقدار به متغیر استفاده می کند

مثال :

var x = 5 ;

var y = 6 ;

جاوا اسکریپت از عملگر های محاصباتی (+ - * /) برای محاصبه مقادیر استفاده می کند

مثال :

document.getElementById("demo").innerHTML = (5 + 6) * 10;

</script>

جاوا اسکریپت Expressions (اصطلاحات) :

یک اصطلاح از ترکیب مقادیر (Values) ، متغیر ها (Variables) و عملگرها (Operators) که در یک مقدار (Value) محاسبه شده است گفته میشود

مثال :

5 * 10

x * 10

"John" + " " + "Doe"

جاوا اسکریپت Keywords (کلمات کلیدی) :

از کلمات کلیدی در جاوا اسکریپت برای شناختن عمل های از پیش تعریف شده استفاده می شود.
بطور مثال var یک کلمه کلیدی می باشد که برای ایجاد یک متغیر استفاده می شود.

جاوا اسکریپت Comments (تفسیر نویسی) :

برخی عبارات در جاوا اسکریپت اجرا نمی شوند.
عباراتی که بعد از علامت ” // ” یا بین دو علامت /* و */ تفسیر نویسی یا کامنت گفته میشود و اجرا نمی شوند.

نوشتن کانت یا تفسیر نویسی اختیاری می باشدو فقط به خواناتر شدن بهینه سازی کدها و کارایی آنها کمک میکند

var x = 5; // I will be executed

// var x = 6; I will NOT be executed

جاوا اسکریپت شناسه ها (Identifiers):

شناسه ها همان نام ها هستند.
در جاوا اسکریپت از شناسه ها برای نام گذاری متغیرها ، کلمات کلیدی ، فانکشن ها و برچسب ها(labels) استفاده میشود

قوانین نام گذاری در جاوا اسکریپت همانند دیگر زبان های برنامه نویسی می باشد:

اولین کارکتر در نام گذاری یا باید یکی از حروف لاتین یا آندرلاین “_” یا علامت دلار $ باشد.

کارکتر های بعدی میتوانند یکی یا ترکیبی از حروف لاتین یا علائم ریاضی یا آندرلاین یا علامت دلار باشد.

نکته : تمامی شناسه ها در جاوا اسکریپت حساس به کوچکی و بزرگی حروف هستند و براشون حرف A و a متفاوته.

پایان قسمت چهارم

منابع : http://www.w3schools.com/js/js_output.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاوا

:: برچسب‌ها: آموزش جاوا اسکریپت , طراحی سایت , قواعد دستوری جاوا اسکریپت , جاوا اسکریپت ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

چهار شنبه 19 خرداد 1395 ساعت 11:22 | بازدید : 88 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش JavaScript بخش 1

مقدمه :

این آموزش درباره چگونگی کار کردن جاوا اسکریپت در طراحی وب سایت با html و css است

پیشنهاد نویسنده :

در طول آموزش این دوره سعی کنید مثال های گفته شده در هر فصل را پس از پایان فصل به صورت عملی نوشته ، اجرا کنید و نتیجه را ببینید تا یادگیری بهتر و سریعتری داشته باشید و همچنین وب سایتی بهینه

جاوا اسکریپت زبان برنامه نویسی HTML و طراحی وب است

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است

این مقاله زبان برنامه نویسی جاوا اسکریپت را به شما از پایه تا پیشرفته آموزش می دهد

.جاوا اسکریپت یکی از 3 زبانی است که همه توسعه دهندگان وب باید یاد بگیرند

    1.  HTML برای تعریف محتوای صفحات وب

    2.  CSS برای مشخص کردن طرح صفحات وب

    3.  جاوا اسکریپت برای مشخص کردن رفتار صفحات وب

1. جاوا اسکریپت می تواند محتوای HTML را تغییر دهد :

یکی از روش های دسترسی به المان های داخل html گرفتن id با استفاده از متد () getElementById می باشد.

این مثال از این روش برای پیدا کردن یک عنصر html با "id="demo استفاده کرده و محتوای درون عنصر را به Hello JavaScript تغییر می دهد.

document.getElementById("demo").innerHTML = "Hello JavaScript";

مثال :

<body>

<form id="form1" runat="server">

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button"

onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">

Click Me!</button>

</form>

</body>

2. جاوا اسکریپت می تواند ویژگی های HTML را تغییر دهید

این مثال با استفاده از جاوا اسکریپت ، خصوصیت src از تگ <img > یک تصویر HTML  را تغییر می دهد .

<body>

<form id="form1" runat="server">

<img src="pic_bulboff.gif" onclick="changeimg()" width="100" height="150" id="myImage" />

<script>

function changeimg() {

var image = document.getElementById('myImage');

if (image.src.match("bulbon")) {

image.src = "pic_bulboff.gif";

}

else { image.src = "pic_bulbon.gif" }

}

</script>

</form>

</body>

اجرا :

قبل از کلیک

بعد از کلیک

3. جاوا اسکریپت می تواند سبک ها یا استایل های (CSS) ، HTML را تغییر دهید

در مثا ل زیر با استفاده از جاوا اسکریپت ،سبک یک عنصر html را تغییر می دهیم

document.getElementById("demo").style.fontSize = "25px";

مثال :

<body>

<form id="form1" runat="server">

<p id="demo">JavaScript can change the style of an HTML element.</p>

<button type="button" onclick="myFunction()">Click Me!</button>

<script>

function myFunction()

{

var x = document.getElementById('demo');

x.style.fontSize = "25px";

x.style.color = "red";

}

</script>

</form>

</body>

4. جاوا اسکریپت می تواند داده ها را اعتبارسنجی (Validate ) کند

جاوا اسکریپت اغلب برای اعتبار سنجی ورودی ها استفاده می شود

مثال :

<body>

<form id="form1" runat="server">

<input id="numb" />

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>

function myFunction() {

var x, text;

x = document.getElementById('numb').value;

if(isNaN(x) || x<1 || x>10)

{

text = "Input not valid";

}

else

{

text = "Input OK";

}

document.getElementById('demo').innerHTML = text;

}

</script>

</form>

</body>

اجرا :

پایان قسمت اول

منابع : http://www.w3schools.com/js/default.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ

مقدمه-آموزش ساده جاوا اسکریپت|آموزش جاواآموزش JavaScript

:: برچسب‌ها: آموزش JavaScript , آموزش جاوااسکریپت , جاوااسکریپت , طراحی سایت , طراحی وب سایت , طراحی سایت , بهینه سازی سایت ,

امتیاز مطلب : 0

تعداد امتیازدهندگان : 0

مجموع امتیاز : 0

سه شنبه 18 خرداد 1395 ساعت 13:5 | بازدید : 89 | نوشته ‌شده به دست افرا گرافیک | ( نظرات )

آموزش JavaScript بخش 1

مقدمه :

این آموزش درباره چگونگی کار کردن جاوا اسکریپت در طراحی وب سایت با html و css است

پیشنهاد نویسنده :

در طول آموزش این دوره سعی کنید مثال های گفته شده در هر فصل را پس از پایان فصل به صورت عملی نوشته ، اجرا کنید و نتیجه را ببینید تا یادگیری بهتر و سریعتری داشته باشید و همچنین وب سایتی بهینه

جاوا اسکریپت زبان برنامه نویسی HTML و طراحی وب است

جاوا اسکریپت محبوب ترین زبان برنامه نویسی در جهان است

این مقاله زبان برنامه نویسی جاوا اسکریپت را به شما از پایه تا پیشرفته آموزش می دهد

.جاوا اسکریپت یکی از 3 زبانی است که همه توسعه دهندگان وب باید یاد بگیرند

    1.  HTML برای تعریف محتوای صفحات وب

    2.  CSS برای مشخص کردن طرح صفحات وب

    3.  جاوا اسکریپت برای مشخص کردن رفتار صفحات وب

1. جاوا اسکریپت می تواند محتوای HTML را تغییر دهد :

یکی از روش های دسترسی به المان های داخل html گرفتن id با استفاده از متد () getElementById می باشد.

document.getElementById("demo").innerHTML = "Hello JavaScript";

مثال :

<body>

<h1>What Can JavaScript Do?</h1>

<p id="demo">JavaScript can change HTML content.</p>

<button type="button"

onclick="document.getElementById('demo').innerHTML = 'Hello JavaScript!'">

Click Me!</button>

</form>

</body>

2. جاوا اسکریپت می تواند ویژگی های HTML را تغییر دهید

این مثال با استفاده از جاوا اسکریپت ، خصوصیت src از تگ <img > یک تصویر HTML  را تغییر می دهد .

<body>

function changeimg() {

var image = document.getElementById('myImage');

if (image.src.match("bulbon")) {

image.src = "pic_bulboff.gif";

}

else { image.src = "pic_bulbon.gif" }

}

</script>

</form>

</body>

اجرا :

قبل از کلیک

بعد از کلیک

3. جاوا اسکریپت می تواند سبک ها یا استایل های (CSS) ، HTML را تغییر دهید

در مثا ل زیر با استفاده از جاوا اسکریپت ،سبک یک عنصر html را تغییر می دهیم

document.getElementById("demo").style.fontSize = "25px";

مثال :

<body>

<p id="demo">JavaScript can change the style of an HTML element.</p>

<button type="button" onclick="myFunction()">Click Me!</button>

function myFunction()

{

var x = document.getElementById('demo');

x.style.fontSize = "25px";

x.style.color = "red";

}

</script>

</form>

</body>

4. جاوا اسکریپت می تواند داده ها را اعتبارسنجی (Validate ) کند

جاوا اسکریپت اغلب برای اعتبار سنجی ورودی ها استفاده می شود

مثال :

<body>

<button type="button" onclick="myFunction()">Submit</button>

function myFunction() {

var x, text;

x = document.getElementById('numb').value;

if(isNaN(x) || x<1 || x>10)

{

text = "Input not valid";

}

else

{

text = "Input OK";

}

document.getElementById('demo').innerHTML = text;

}

</script>

</form>

</body>

اجرا :

پایان قسمت اول

منابع : http://www.w3schools.com/js/default.asp

کانون تبلیغاتی افراگرافیک

آدرس: تهران-میدان انقلاب-خ آزادی-خ اسکندری-نبش کلهر-دفتر افرا گرافیک

66912056 66562677 66120698 09122246022

http://youtube.com/channel/UCOKVgQfCKUC0F4z2hoOOhPQ